/* 字体图标声明，阿里图标版本 */
@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.eot');
  src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/iconfont.woff2') format('woff2'),
    url('../fonts/iconfont.woff') format('woff'),
    url('../fonts/iconfont.ttf') format('truetype'),
    url('../fonts/iconfont.svg#iconfont') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

/* icomoon版本 */
@font-face {
  font-family: 'icomoon';
  src: url('../font/icomoon.eot?tr42gs');
  src: url('../fonts1/icomoon.eot?tr42gs#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?tr42gs') format('truetype'),
    url('../fonts/icomoon.woff?tr42gs') format('woff'),
    url('../fonts/icomoon.svg?tr42gs#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

/* 单行文本溢出省略号显示 */
element {
  /* 先强制一行内显示 */
  white-space: nowrap;
  /* 溢出部分隐藏 */
  overflow: hidden;
  /* 溢出部分用省略号代替 */
  text-overflow: ellipsis;
}

/* 多行文本溢出省略号显示 */
elelment {
  overflow: hidden;
  text-overflow: ellipsis;
  /* 弹性伸缩盒子模型显示 */
  display: -webkit-box;
  /* 限制在一个块元素显示的文本的行数 */
  -webkit-line-clamp: 3;
  /* 设置或检索伸缩盒对象的子元素的排列方式 */
  -webkit-box-orient: vertical;
}

/* 清除浮动 */
.clearfix::before,
.clearfix::after {
  display: table;
  content: "";
}
.clearfix::after {
  clear: both;
}

/*css 初始化 */
* {
  box-sizing: border-box;
}

html,
body,
ul,
li,
ol,
dl,
dd,
dt,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
legend,
img {
  margin: 0;
  padding: 0;
}

/*去掉input等聚焦时的蓝色边框*/
fieldset,
img,
input,
button {
  border: none;
  padding: 0;
  margin: 0;
  outline-style: none;
}
/* 去掉li的默认样式 */
ul,
ol {
  list-style: none;
}

input {
  padding-top: 0;
  padding-bottom: 0;
  font-family: "SimSun", "宋体";
}

select,
input {
  vertical-align: middle;
}

select,
input,
textarea {
  font-size: 12px;
  margin: 0;
}
/*防止拖动*/
textarea {
  resize: none;
}

/*  去掉图片底侧默认的3像素空白缝隙，或者用display：block也可以*/
img {
  border: 0;/* 照顾低版本浏览器，如果图片外包含了链接会有边框的问题 */
  vertical-align: middle;
}
/* 按钮的鼠标样式 */
button {
  cursor: pointer;
}
/*为表格设置合并边框模型*/
table {
  border-collapse: collapse;
}
/*\5b8b\4f53是uni-code编码*/
body {
  font: 12px/1.5 Arial, Verdana, "\5b8b\4f53";
  color: #666;
  background: #fff;
}

.clearfix:before,
.clearfix:after {
  /*清楚浮动*/
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
  /*兼容IE/7/6*/
}

a {
  color: #666;
  text-decoration: none;
}

a:hover,
ul li a:hover {
  color: #C81623;
}
/*设置h标签的大小，设置跟父亲一样大的字体font-size:100%;*/
h1,
h2,
h3,
h4,
h5,
h6 {
  text-decoration: none;
  font-weight: normal;
  font-size: 100%;
}


s,
i,
em {
  font-style: normal;
  text-decoration: none;
}

.col-red {
  color: #C81623 !important;
}
.col-blue {
  color: #1ba1e6;
}
/*公共类*/
.w {
  /*版心 提取 */
  width: 1200px;
  margin: 0 auto;
}

.fl {
  float: left
}

.fr {
  float: right
}

.al {
  text-align: left
}

.ac {
  text-align: center
}

.ar {
  text-align: right
}
/* 隐藏元素类标签 */
.hide {
  display: none
}

.font12 {
  font-size: 12px;
}

.font14 {
  font-size: 14px;
}

.font16 {
  font-size: 16px;
}



